<template>
  <div style="display: flex; align-items: center; justify-content: center; height: 100vh;">

      <el-image
        style="width: 100%"
        :src="modelValue"
        fit="contain"
      ></el-image>
  </div>
</template>

<script setup name="PictureViewer" lang="ts">
import { defineModel } from 'vue';

const modelValue = defineModel('url', {
  type: String,
  default: 'abc',
  required: true
});

const trial = ()=>{
  console.log(modelValue.value)

}

onMounted(() => {
  
});
</script>
